<!DOCTYPE html>
<html>
<head>
	<title>餐饮营销支持系统</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link href="../../css/bootstrap.min.css" rel="stylesheet">
	<!-- <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> -->
	<link rel="stylesheet" type="text/css" href="../../css/waiter.css">
	<link rel="stylesheet" type="text/css" href="../../css/news.css">
</head>
<body>
	<div id="head">
		<div class="navbar navbar-default  navbar-inverse" role="navigation">
			<div class="navbar-header">
				<a href="##" class="navbar-brand">餐饮营销支持系统</a>
			</div>
			<button type="submit" class="btn btn-danger">
				<span style="margin-right: 5px" class="glyphicon glyphicon-off"></span>注销
			</button>
		</div>
	</div>

	<div id="left">

		<p class="left-head">
		经理登录</p>

		<div class="container">
			<div class="row act" style="margin-top: 0px">
				<div class="col-md-12">
					<span class="glyphicon glyphicon-align-center"></span>
					<p>结账业务</p>
				</div>

			</div>
			
			<div class="row">
				<a href="./order.html">
					<div class="col-md-12">
						<span class="glyphicon glyphicon-edit"></span>
						<p>点单</p>
					</div>
				</a>
			</div>
		</div>
	</div>
	<div id="right">
		<div class="right-head">
			<ol class="breadcrumb">
				<li><a href="#">首页</a></li>
				<li class="active">菜单处理</li>
			</ol> 
		</div>
		<div class="con">
			<div class="row">
				<div class="col-lg-8">
					<div class="panel panel-default">
						<div class="panel-body" id="des">
						</div>
					</div>		
				</div>
				<div class="col-lg-4">
					<div class="panel panel-default">
						<div class="panel-body">
							<div class="row">
									<p>桌子信息</p>
								</div>
							<div class="row">
								<div class="col-lg-6">
									<span>桌号：</span><span class="desk-num">3</span>
								</div>
								<div class="col-lg-6">
									<span>状态：</span><span class="desk-state">有人</span>
								</div>
							</div>
							<div id="new-menu">
								<div class="row">
									<p>加 菜</p>
								</div>
								<div class="row">
									<div class="table-responsive">
										<table class="table table-striped table-bordered table-hover">
											<thead>
												<tr>
													<th>菜名</th>
													<th>分量</th>
													<th>状态</th>
												</tr>
											</thead>
											<tbody id="addmenu">
											</tbody>
										</table>
									</div>
								</div>
								<div class="row">
									<div class="col-lg-12">
										<button class="btn btn-primary pull-right" type="button" id="new-handle">处 理</button>  
									</div>
								</div>
							</div>

							<div id="menu">
								<div class="row">
									<p>
										结 账
									</p>
								</div>
								<form class="form-horizontal" method="get" data-validate="parsley">
									<div class="form-group" style="margin-bottom: 0">
										<label class="col-lg-3 control-label">
											是否有推荐人：
										</label>
										<label class="radio-inline col-lg-1 control-label">
											<input class="radioo" type="radio" value="0" name="people" checked="checked">无
										</label>
										<label class="radio-inline col-lg-1 control-label">
											<input class="radiox" type="radio" value="1" name="people">有
										</label>
										<label class="radio-inline col-lg-3 control-label">
											<input class="radioc" type="radio" value="1" name="people">成为推荐人
										</label>
									</div>
									<div id="referee" style="margin-top: 20px">
										<div class="form-group">
											<label class="col-lg-3 control-label">
												推荐人手机号：
											</label>
											<div class="col-lg-8" style="position: relative;">
												<input style="width: 63%;float: left;" type="text" name="three-oldphone" placeholder="验证推荐人" class="bg-focus form-control parsley-validated" data-required="true" data-type="email">
												<button style="float: left;margin-left: 10px;margin-top: 2px" id="btn-alt1" type="button" class="btn btn-primary btn-sm">
													<span style="margin-right: 5px" class="glyphicon glyphicon-search"></span>验证
												</button>
											</div>
										</div>
									</div>
									<div id="people" style="margin-top: 20px">
										<div class="form-group">
											<label class="col-lg-3 control-label">
												推荐人手机号：
											</label>
											<div class="col-lg-8" style="position: relative;">
												<input style="width: 63%;float: left;" type="text" name="three-oldphone" placeholder="验证推荐人" class="bg-focus form-control parsley-validated" data-required="true" data-type="email">
												<button style="float: left;margin-left: 10px;margin-top: 2px" id="btn-alt2" type="button" class="btn btn-primary btn-sm">
													<span style="margin-right: 5px" class="glyphicon glyphicon-search"></span>验证
												</button>
											</div>
										</div>
										<div class="form-group">
											<div class="col-lg-8  col-lg-offset-3">
												<p id="alt-red">推荐人不存在！！！</p>
											</div>
										</div>
										<div class="form-group">
											<label class="col-lg-3 control-label">
												姓名：
											</label>
											<div class="col-lg-8">
												<input type="text" name="three-name" placeholder="请输入真实姓名" class="bg-focus form-control parsley-validated new_name" data-required="true" data-type="email" disabled>
											</div>
										</div>
										<div class="form-group">
											<label class="col-lg-3 control-label">
												手机号：
											</label>
											<div class="col-lg-8">
												<input type="text" name="three-phone" placeholder="请输入手机号" class="bg-focus form-control parsley-validated new_tel" data-required="true" data-type="email" disabled>
											</div>
										</div>
										<div class="form-group">
											<label class="col-lg-3 control-label">
												密码：
											</label>
											<div class="col-lg-8">
												<input type="password" name="three-password" placeholder="请输入密码" class="bg-focus form-control parsley-validated new_pwd" data-required="true" data-type="email" disabled>
											</div>
										</div>
										<div class="form-group">
											<label class="col-lg-3 control-label">
												确定密码：
											</label>
											<div class="col-lg-8">
												<input type="password" name="three-bpassword" placeholder="请再次输入密码" class="bg-focus form-control parsley-validated new_rpwd" data-required="true" data-type="email" disabled>
											</div>
										</div>
									</div>
									<div class="form-group" style="margin-top: 0">
										<div class="col-lg-12" style="padding-top: 20px">
											<div class="table-responsive">
												<table class="table table-striped table-bordered table-hover">
													<thead>
														<tr>
															<th>菜名</th>
															<th>单价</th>
															<th>份数</th>
															<th>总价</th>
															<th>状态</th>
															<th>退回</th>
														</tr>
													</thead>
													<tbody id="foods">
													</tbody>
												</table>
											</div>
										</div>
									</div>

									<div class="form-group">
										<div class="col-lg-12">
											<button class="btn btn-primary pull-right" type="button" id="three-submit">结 账</button>
											<button  style="margin-right: 15px" class="btn btn-danger pull-right" type="button" id="flow">流 账</button>

										</div>
									</div>
								</form>
							</div>
							<div id="opendesk">
								<div class="row">
									<p>开台</p>
								</div>
							</div>
						</div>
					</div>
				</div>		
			</div>
		</div>
	</div>
</div>

<div id="bill1">
	<center><h4>家和铁锅炖</h4></center>
	账单编号：<label id="billnum" style="margin-right: 10px">222</label><br>
	时间：<label id="billtime">222</label><br>
	店铺名称：<label id="billstore" style="margin-right: 10px">222</label><br>
	位置：<label id="billposition">222</label><br>
	推荐人：<label id="ishaverefree" style="margin-right: 10px">222</label><br>
	成为推荐人：<label id="isberefree">222</label><br><br>
	<label style="margin-left: 10px;margin-right: 20px">菜名</label>
	<label style="margin-right: 20px">分量</label>
	<label>花费</label><hr/>
	<ul id="billfoods" style="list-style-type:none;margin:0; padding:0">
	</ul>
	<hr/>
	总价：<label id="allprise">222</label>
</div>

<div id="bill2">
	<center><h4><label id="needposition">菜名</label></h4></center>
	<label style="margin-right: 20px">菜名</label>
	<label style="margin-right: 20px">分量</label>
	<ul id="needfoods" style="list-style-type:none;margin:0; padding:0">
	</ul>
</div>

<script src="../../js/Lodop/LodopFuncs.js"></script>
<script src="../../js/Jquary/jquery-3.2.1.min.js"></script><!-- 
<script src="../../js/bootstrap.min.js"></script> 
<script type="text/javascript" src="../../js/bar-counter.js"></script> -->
</body>
</html>